<template>
  <div v-if="dialogShow" class="dialog">
    <component :is="dialog"> </component>
  </div>
</template>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";
import GridInformation from "./CGridInformation.vue";
import FloorSite from "./CFloorSite.vue";
import GlobalCheck from "./CGlobalCheck.vue";
import TenancyContract from "./CTenancyContract.vue";
import Chistory from "./CHistory.vue"
import Creleaserecord from "./CReleaseRecord.vue"
@Component({
  name: "dialogs",
  components: {
    GridInformation,
    FloorSite,
    GlobalCheck,
    TenancyContract,
    Chistory,
    Creleaserecord
  }
})
export default class extends Vue {
  get dialog() {
    return this.$store.getters["panel/dialog"];
  }
  get dialogShow() {
    return this.$store.getters["panel/dialogShow"];
  }
}
</script>

<style lang="scss" scoped>
.dialog {
  pointer-events: none;
  & > * {
    pointer-events: auto;
  }
}
</style>
